import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import axios from 'axios'
// echarts本来是按需引入的 所以要用下面的方式全部引入并且as为echarts
// import * as echarts from 'echarts'
import './assets/font/iconfont.css'
// 引入全局样式
import './assets/css/global.less'

import SocketService from './utils/socket_service'
// 对服务端进行socketservice连接
SocketService.Instance.connect()
// 把SocketService.Instance绑定在vue的原型上 这个其他组件就可以this.$socket调用了
Vue.prototype.$socket = SocketService.Instance

// 请求基准路径的配置 一旦发出请求就是基于这个url发起的请求
// 但是要注意同源策略 协议 域名 接口都必须保持和服务器那边一样 不能是localhost 必须是 http 因为node服务器就是http协议
axios.defaults.baseURL = 'http://127.0.0.1:8888/api/'
// 把axios挂载到Vue的原型对象上
// 在别的组件中 可以 this.$http来访问到
Vue.prototype.$http = axios

// 将全局的echarts对象挂载到vue的原型对象上这个echarts是引入文件方式而不是npm安装的
// 在其他组件中直接this.$echarts即可访问echarts
Vue.prototype.$echarts = window.echarts

// 下面的这个是npm安装并且引入的
// Vue.prototype.$echarts = echarts

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
